/* @override http://local.ideascale/stylesheets/sitestyle_outside.css?v=2.2 */

/* @group base */

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
  line-height: 1;
    margin: 0;
}
ol,ul {
list-style: none;
}
blockquote,q {
quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html,body {
height: 100%
}
body {
font-size: 62.5%;
font-family: Arial,Helvetica,sans-serif;
color: #777777;
margin: 0 auto;
text-align: left;
background: #FFFFFF
}
p {
font-size: 1.2em;
line-height: 18px;
}
a {
color: #55AE31;
    text-decoration: none;
}
a:hover {
color: #111111;
}
a:focus {
outline: none
}
h1 {
font-size: 22px;
color: #000;
margin-bottom: 16px;
border-bottom: 1px solid #E0E0E0;
padding-bottom: 8px;
}
h2 {
color: #454545;
margin-bottom: 16px;
    font: bold 28px Arial, Helvetica, Geneva, sans-serif;
}
h3 {
font-size: 18px;
font-weight: normal;
color: #000;
margin-bottom: 20px;
}
.clear {
clear: both;
}
.inner {
width: 960px;
margin: 0 auto;
}

.col {
    float: left;
}

.col.middle {
    margin-bottom: 50px;
    margin-left: 30px;
    margin-right: 30px; 
}

.w300 {
    float: left;
    padding-bottom: 15px;
    width: 300px;
}

/* @end */

/* @group helpers */

.alignleft { float: left;}
.alignright { float: right;}

.center {
    text-align: center;
}

.nindent {
    overflow: hidden;
    text-indent: -2000px;
    display: block;
}

.m0 {
    margin: 0 !important;
}
.mt30{margin-top: 30px}
.bn {
 border: none!important;
}

ul.secondarylist {
margin-left: 20px;
}
.rounded-3{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
}

.rounded-5{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
}
.rounded-10{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;    
}
/* @end */

/* @group Elements */

#stamp { background: url(/images/ideascale/Black-seal.png) no-repeat; text-indent: -9999px; overflow: hidden; width: 263px; position: absolute; left: -10px; top: 10px;
    height: 149px;
}

/* breadcrumbs */

.breadcrumb { line-height: 2em; font-size: 14px; font-weight: bold; text-shadow: 0 1px 0 #fff; padding: 0 14px; width: 873px; background: #ddd; -webkit-border-radius: .7em; -moz-border-radius: .7em; border-radius: .7em; }
.breadcrumb a { color: #666; margin: 0; }
.breadcrumb a:hover { color: #a4d345; }
.breadcrumb .sep { margin: 0 0.3em; }

/* ---- */

#chat-with-us img {
    position: fixed;
    right: 0;
    top: 300px;
}

.highlight1 {
  background: #DEDDDC; /* old browsers */

  background: -moz-linear-gradient(top, #F7F6F6 0%, #DEDDDC 100%); /* firefox */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F6F6), color-stop(100%, #DEDDDC)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#F7F6F6', endColorstr = '#DEDDDC', GradientType = 0);

  border-top: 1px solid #CBCBCB;
  border-bottom: 1px solid #CBCBCB;
  padding: 15px 20px;
  margin-bottom: 30px;
}

.ie7 .highlight1 { zoom: 1; }

.highlight1 a {
    font-weight: bold;
}

.highlight1 h4 {
    color: black;
    float: left;
    font: bold 15px arial;
    margin-right: 10px;
    margin-left: 10px;
}

.highlight1 p {
    color: #666666;
    font: 15px arial;
    text-align: center;
}

.highlight1.v2 h4,.highlight1.v2 p {
    font-size: 18px;
}

/* quotes */

.quote .line{
    background: url(/images/sprites/common.png?v=1.0) no-repeat 0 -210px;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    display: block;
}

.quote.small {
    width: 608px;
    position: relative;
}

.quote.small .line{
    background: url(/images/sprites/case-study.png) no-repeat 0 -95px;
    position: absolute;
    height: 2px;
    width: 100%;
    left: 0;
    display: block;
}

.quote.small p {
    font-size: 14px;
    width: auto;
    float: left;
    border-right: 1px solid #c4c4c4;
  padding-right: 20px;
    margin-right: 167px;
    text-align: left;
    background: none;
    position: relative;
}
.quote.no-cite p {
  border-right: none;
  margin-right: 20px;
}
.quote.small p span{
    background: url(/images/quote-left.png) no-repeat 0 0;
    position: absolute;
    width: 40px;
    height: 40px;
    top:-7px;
    left: 0;

}
.quote.small cite {
    bottom: 20px;
    right: 25px;
}

.quote .line.top{
    top: 0;
}
.quote .line.bottom{
    bottom: 0;
}
.quote{
    position: relative;
    padding: 20px;
    margin-bottom: 20px;

    background: #F9F9F9; /* old browsers */

    background: -moz-linear-gradient(left, #FFFFFF 0%, #F9F9F9 25%, #F9F9F9 75%, #FFFFFF 98%); /* firefox */

    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFFFFF), color-stop(25%,#F9F9F9), color-stop(75%,#F9F9F9), color-stop(98%,#FFFFFF)); /* webkit */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=1 ); /* ie */
}

.quote1{
    position: relative;
    padding: 10px;
    margin-bottom: 20px;

background: #FFFFFF; /* old browsers */

background: -moz-linear-gradient(top, #FFFFFF 10%, #EEEEEE 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#FFFFFF), color-stop(100%,#EEEEEE)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EEEEEE',GradientType=0 ); /* ie */

background: -o-linear-gradient(top, #FFFFFF 10%,#EEEEEE 100%); /* opera */
border:solid 1px #a8a8a8;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

}
.quote1 p{
    font-size: 24px;
    line-height: 1.2em;
    text-align: center;
}

.quote p {
  font-family: georgia, serif;
  font-size: 23px;
  font-weight: normal;
  font-style: italic;
  text-align: center;
  line-height: 26px;
  background: url(/images/quote-left.png) no-repeat left top;
  padding-left: 30px;
  margin: 0;
  color: #555555;
  float: left;
  width: 745px;
}

.quote img{
    padding-left: 30px;
    border-left: 1px solid #5d5d5d;
    margin-left: 20px;
    vertical-align:middle;
}

.quote cite {
    clear: both;
    display: block;
    position: absolute;
    bottom: 20px;
    right: 50px;
    color: #6D6D6D;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2em;
    width: 143px;
}

.quote2 {
background: #ecf7dd;
border-bottom: 1px solid #b5d08c;
border-top: 1px solid #b5d08c;
height: 40px;
padding-top: 22px;
margin-top: 18px;
margin-bottom: 40px;
text-align: center;
}
.quote2 p a {
font-size: 24px;
color: #777777;
text-decoration: none;
border: none;
}
.quote2 p a:hover {
color: #000;
}

.quote4 {
background: #ecf7dd;
border-bottom: 1px solid #b5d08c;
border-top: 1px solid #b5d08c;
padding: 16px 0;
margin-top: 50px;
margin-bottom: 50px;
position: relative;
}
.quote4 p {
color: #000000;
font-size: 23px;
line-height: 26px;
margin: 0 130px 0 40px;
min-height: 54px;
_height: 54px;
}
.quote4 img {
border: 2px solid #FFFFFF;
height: 50px;
overflow: hidden;
width: 50px;
position: absolute;
right: 46px;
top: 16px;
}

/* img boxes */

.img-box {
    border: 1px solid #e5e5e5;
    margin-bottom: 17px;
    position: relative;
    float: left;
    padding: 5px;
    background-color: white;
}
.img-box img{
    border: solid 1px #E5E5E5;
}
.img-box .line {
    position: absolute;
    left: 0;
    width: 248px;
    background: url(/images/sprites/common.png?v=1.0) no-repeat -707px 0;
    height: 13px;
    bottom: -13px;
}

/* sprites */

.sprite-common {
    background: url(/images/sprites/common.png?v=1.0) no-repeat;
}

.sprite-home {
    background: url(/images/sprites/home.png) no-repeat;
}

.sprite-pricing {
    background: url(/images/sprites/pricing.png) no-repeat;
}

.sprite-get-started {
    background: url(/images/sprites/btn-get-started.png) no-repeat;
    width: 332px;
    height: 102px;
    display: block;
}

.sprite-case-study {
    background: url(/images/sprites/case-study.png) no-repeat;
    width: 332px;
    height: 102px;
    display: block;
}

a.sprite-get-started.btn1 {
    background-position: 0 0;
    margin-left: -24px;
}

a.sprite-get-started.btn1:hover {
    background-position: 0 -102px;
}

.sprite-get-started.btn2 {
    background-position: 0 -210px;
}
.sprite-get-started.btn2:hover {
    background-position: 0 -300px;
}

/* @group forms */
.field { margin-top: 16px; margin-left: 20px; position: relative; }
.field-label { position: relative; display: block; color: #535353; font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 5px;
}
.option-label { font-size: 12px; color: #434343; }
.asterisk { position: absolute; color: #BA0000; }
.longtextbox, .textbox {
    font-size: 14px;
    padding: 9px 10px 8px;
    background-color: #f8f8f8;
    border: 1px solid #D3CFCF;
    border-top: 2px solid #C9C6C6;
}
.textbox { width: 350px; height: 16px; }
.longtextbox { width: 510px; height: 115px; }
.field label.error { font-size: 11px; position: absolute; color: #BA0000; bottom: -12px; right: 22px; }
.field input.error { border-color: #BA0000; }


/*field specific label style*/
.text-field .field-label { }

/*field specific field style*/
.group-field li { line-height: 1.7em; }
.group-field .textbox { padding: 2px; width: 150px; }

button.form-submit{
background: #44484C; /* old browsers */

background: -moz-linear-gradient(top, #44484C 0%, #0D0D0D 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#44484C), color-stop(100%,#0D0D0D)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44484C', endColorstr='#0D0D0D',GradientType=0 );
    color: #D9D9D9;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    width: 110px;
    height: 30px;
    cursor: pointer;
    text-shadow: #000000 1px 1px 0;
    border: none;
}

/* @end */



/* @end */

/* @group Layout */

/* HEADER */

body {
    font-family: Arial, Helvetica, Geneva, sans-serif;
}

h1.logo {
background: transparent url(/images/sprites/common.png?v=1.0) no-repeat scroll 0 0;
border: 0 none;
height: 78px;
overflow: hidden;
text-indent: -9999px;
width: 328px;
display: block;
float: left;
margin: 43px 0 20px;
    padding: 0;
}

h1.logo a {
    display: block;
    width: 100%;
    height: 100%;
}

#top {
    border-top: 5px solid #E2E2E2;
    position: absolute;
    z-index: 1;
    width: 100%;
}

#top .inner,#header .inner {
    position: relative;
}

#mini-nav {
    position: absolute;
    right: 14px;
    top: 0;
    display: block;
    height: 24px;
    width: 411px;
    background-position: -200px -83px;
    padding-top: 8px;
}

#mini-nav li {
    float: left;
    font-size: 14px;
    color: #6F6F6F;
}

#mini-nav li a {
    color: #6F6F6F;
    font-size: 14px;
    padding: 0 12px;
    display: block;
    text-decoration: none;
    line-height: 1.2em;
}

#mini-nav li.login a {
    color: #7ea727;
}

#mini-nav li a:hover {
    text-decoration: underline;
}

#header {
border-bottom: 1px solid #befd04;
background: #b4d347 /* url(/images/billboardreal_bg.jpg) repeat scroll center top */;
    position: relative;
    margin-bottom: 30px;
}
#header .inner{
    position: relative;
}
#header .inner.header{
}
/* navigation */
#header-nav {
    font-size: 15px;
    position: absolute;
    top: 70px;
    left: 363px;
    height: 41px;
    width: 581px;
    background: url(/images/sprites/common.png?v=1.0) no-repeat 0 -152px;
}
#header-nav li {
    float: left;
}
#header-nav li a {
    padding: 12px 24px;
    display: block;
    color: white;
    border-bottom: none;
    text-shadow: #606D31 0 1px 0;
    text-decoration: none;
    text-align: center;
}

#header-nav li.navhome a {
    width: 46px;
}
#header-nav li a:hover,#header-nav li.active a {
    color: #EDFEA4;
}

/* SUB HEADING */

#billboard-innerwrap {
    margin-bottom: 50px;
}

#billboard-innerwrap h2 {
    color: #7EA626;
    font-size: 40px;
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}

#billboard-innerwrap p {
    font-size: 28px;
    color: #666666;
    line-height: 1.2em;
}

/* content */

#content {
    margin-top: 20px;
}

.inner-page .col img {
    margin-bottom: 25px;
}

/* FOOTER */
#footer{
    margin-top: 60px;
}
#footer-navigation {
background: #CDCDCD; /* old browsers */
background: -moz-linear-gradient(top, #CDCDCD 0%, #DEDEDE 50%, #CDCDCD 98%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CDCDCD), color-stop(50%,#DEDEDE), color-stop(98%,#CDCDCD)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CDCDCD', endColorstr='#CDCDCD',GradientType=0 );
    padding-top: 10px;
}

#footer-navigation .inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer-navigation .col {
    margin-left: 41px;
    width: 110px;
}
#footer-navigation .col ul li{
    margin-bottom: 3px;
}
#footer-navigation .col ul li a{
    color: #7F7F7F;
    font-size: 13px;
    text-decoration: none;
}

.fb_edge_widget_with_comment {
    top: -17px;
    right: -60px;
}
#footer-navigation h3{
    font-size: 16px;
    color: #7F7F7F;
    margin-bottom: 5px;
    font-weight: bold;
}
#footer-navigation .col.one {
    border-right: 1px solid #b0b4b0;
    padding-right: 20px;
    margin: 0 !important;
    width: 312px;
}
#footer-navigation h3.line{
    text-align: center;
    border-top: 1px solid #adb1ad;
    margin-top: 5px;
}
#footer-navigation h3.line a span{
    color: #575757;
}
#footer-navigation h3.line a {
    display: block;
    border-top: 1px solid #f5f5f5;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 5px;
    text-shadow: #f5f5f5 0 2px 1px;
    color: #3e663e;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

#footer-navigation .questions a {
    font-size: 24px;
}
.footer.directory {
background: #C3C3C3; /* old browsers */
background: -moz-linear-gradient(top, #C3C3C3 0%, #7E7D7D 99%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C3C3C3), color-stop(99%,#7E7D7D)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C3C3C3', endColorstr='#7E7D7D',GradientType=0 ); /* ie */
height: 28px;
padding-top: 18px;
clear:both;
border-top: 1px solid #adadad;
border-bottom: 1px solid #adadad;
}
.footer.directory h3{color: #3F3F3F;font-size: 14px;font-weight:bold;
    text-shadow: #e4e4e4 0 1px 1px;
}
.footer.directory h3, .footer.directory ol{display:inline;}

.footer.directory li{display:inline;margin: 0 7px;}

.footer.directory li a{text-transform:uppercase;text-decoration:none;border:none;
font-size: 14px;
    color: #D0D8DB;
    text-shadow: #797878 0 2px 1px;
}

.footer.directory li a:hover {
    color: #9FDA07;
}

#other-tools {
    background-color: #2f2f2f;
}

#other-tools .inner {
    padding-top: 20px;
    padding-bottom: 20px;
}

#other-tools h3 {
    color: #4D4D4D;
    font-size: 18px;
    font-weight: bold;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}

#other-tools .network  {
    padding: 20px;
    background: #353535;
    width: 906px;
    height: 37px;
    margin-bottom: 20px;
    margin-top: 20px;
}
#other-tools .network ul{
    float: left;
    background-position: 0 -230px;
}
#other-tools .network ul li {
    float: left;
}

#other-tools .network ul li a {
    display: block;
    height: 40px;
    width: 158px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 18px;
    overflow: hidden;
    text-indent: -1000px;
    background: url(/images/sprites/common.png?v=1.0) 0 -230px;
}

#other-tools ul li.b1 a {
    width: 188px;
    margin-left: 0;
    background-position: 0 -230px;
}
#other-tools ul li.b2 a {
    background-position: -212px -230px;
    width: 154px;
}
#other-tools ul li.b3 a {
    width: 151px;
    background-position: -394px -230px;
}
#other-tools ul li.b4 a {
    width: 168px;
    background-position: -564px -230px;
}
#other-tools ul li.b5 a {
    width: 172px;
    background-position: -744px -230px;
}
#other-tools ul li.b1 a:hover {width: 188px;margin-left: 0;background-position: 0 -269px;}
#other-tools ul li.b2 a:hover {background-position: -212px -269px;}
#other-tools ul li.b3 a:hover {background-position: -394px -269px;}
#other-tools ul li.b4 a:hover {background-position: -564px -269px;}
#other-tools ul li.b5 a:hover {background-position: -744px -269px;}

#footer .logo {
    float: left;
    width: 178px;
    height: 59px;
    background-position: 0 -86px;
}

#footer .logo a {
    width: 100%;
    height: 100%;
    display: block;
}
#other-tools .SEO_pages{
    float: left;
    width: 700px;
    margin-left: 60px;
}
#other-tools .SEO_pages ul {
    margin-top:5px;
  overflow: hidden;
}
#other-tools .SEO_pages ul li{
    float: left;
    padding-right: 4px;
    margin-bottom: 2px;
}
#other-tools .SEO_pages ul li h3 {
    margin: 0;
    color: #666565;
    font-weight: bold;
    font-size: 10px;
}
#other-tools .SEO_pages ul li a {
    color: #666565;
    font-size: 10px;
    padding-right: 6px;
    text-decoration: none;
}
#other-tools .SEO_pages ul li a:hover {
    color: #ddd;
}



/* @end */

/* @group Pages */

/* @group RESOURCES */

#guide-shelf { width: 803px; padding-left: 75px; background: url(/images/ideascale/resources/shelf-bg.gif) repeat-y 50% 0; overflow: hidden; }
#guide-shelf li { float: left; width: 140px; height: 230px; margin: 0 20px 30px; }
#guide-shelf div { padding: 3px 7px 7px; width: 123px; height: 160px; margin: 0 auto; background: url(/images/ideascale/resources/guide-bg.png) no-repeat 2px -3px; }
#guide-shelf h3 { font-size: 12px; font-weight: bold; margin: 30px 0 0; height: 30px; line-height: 120%; text-align: center; }
#guide-shelf a { color: #3252B2; border: none; }
#guide-shelf > li:hover > h3 > a, #guide-shelf a:hover { color: #FF6C17; }

/* case study */

#book-display {
    float: right;
    margin-right: 20px;
    padding-bottom: 20px;
    width: 230px;
}
#book-content{
    float: left;
    padding-bottom: 20px;
    width: 560px;
}

#book-content p {
    font-size: 14px;
    line-height: 1.3em;
}

#book-content ul {
    margin-top: 20px;
}

#book-content li {
    font-size: 14px;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.3em;
}

#book-content h3 {
    font-size: 20px;
    font-weight: bold;
    color: #464646;
    margin-bottom: 10px;
}

#share-book-twitter img {
    vertical-align: middle;
}

#share-book-twitter a {
    color: #00658f;
    font-size: 13px;
}

#book-cover {
    position: relative;
    margin-bottom: 20px;
}

#book-cover img {
    position: relative;
    z-index: 1;
  border: solid 1px #ccc;
}

.book-shadow {
    width: 472px;
    height: 94px;
    position: absolute;
    background-position: 0 0;
    bottom: -48px;
    left: -116px;
    z-index: 0;
}

#book-download {
    width: 231px;
    height: 60px;
    display: block;
    background: url(../images/ideascale/resources/download-pdf.png) no-repeat 0 0;
    margin-bottom: 20px;
}

#book-download:hover {
    background-position: 0 -60px;
}

#quote-case-study {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: -20px;
}



/* @end */

/* @group HOME */

#header-home-wrapper #header, #header-home-wrapper {
    height: 520px !important;
}

/* billboard */

#billboard {
height: 306px;
margin-bottom: 68px;
}

#billboard .video{
    margin-right: 40px;
    margin-top: -20px;
    position: relative;
}

#billboard .video a:hover .play-btn {
    background-position: -111px 0;
}

.play-btn {
    width: 111px;
    height: 110px;
    position: absolute;
    background: url(/images/sprites/play.png) no-repeat 0 0;
    top: 150px;
    left: 180px;
}

.billboard-txt {
    margin-top: 20px;
    width: 470px;
}

#billboard p {
    font: 19px Helvetica;
    color: #2C3B2C;
    text-shadow: #D5E9A4 0 2px 0;
}

.empower {
    width: 430px;
    height: 140px;
    margin: 0 0 20px;
    color: white;
    text-shadow: #6f6f6f 0 2px 0;
    line-height: 73px;
    font-size: 85px;
    font-weight: bold;
}
h2.homecopy{
    color: white;
    text-shadow: #6f6f6f 0 2px 0;
    line-height: 58px;
    font-size: 56px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-top: 40px;
}

p.homecopy_secondary{
    color: #2C3B2C;
    font-weight: bold;
    font-size: 24px;
}

/* ALT Version */

#billboard.alt p.homecopy_secondary{
    color: #2C3B2C;
    font-weight: bold;
    font-size: 20px;
    margin-top: 60px;
}

#billboard.alt h2.homecopy{
    color: white;
    text-shadow: #6f6f6f 0 2px 0;
    font-size: 44px;
    font-weight: bold;
    letter-spacing: -2px;
    margin-top: 0;
    margin: 0;
    line-height: 1.2em;
}

#billboard.alt p {
    font: 19px Helvetica;
    color: #2C3B2C;
    text-shadow: #D5E9A4 0 2px 0;
}

#homepage_content {
    width: 520px;
}

.video1 {
    margin-top: -10px;
    width: 440px;
}

.client_logo {
height: 75px;
width: 940px;
margin-bottom: 40px;
    background-position: 0 0;
    margin-top: 30px;
}

/* How it Works */

#how-it-works .col {
    width: 252px;
    margin-left: 27px;
    margin-right: 27px;
}

.hiw-box {
    margin-bottom: 50px;
    padding: 20px;
    position: relative;
}

.hiw-box .top,.hiw-box .bottom {
    width: 100%;
    height: 51%;
    position: absolute;
    background-image: url(/images/hiw-box.png);
    z-index: -1;
}

.hiw-box .top {
    top: 0;
    left: 0;
}

.hiw-box .bottom {
    bottom: 0;
    left: 0;
    background-position: left bottom;
}

#how-it-works h3 {
    color: #7EA627;
    font-weight: bold;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 5px;
    clear: both;
}
#how-it-works a:hover .mask{
    display: none;
}
#how-it-works .mask {
    width: 236px;
    height: 160px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: url(/images/sprites/common.png?v=1.0) -720px -23px;
    display: block;
 }

#how-it-works .icon {
    background-image: url(/images/sprites/home.png);
    position: absolute;
}

#hiw1 .icon {
    width: 50px;
    height: 83px;
    background-position: 0 -463px;
    bottom: -16px;
    right: -1px;
}

#hiw2 .icon {
    background-position: -90px -463px;
    width: 80px;
    height: 85px;
    right: -19px;
    bottom: -14px;
}

#hiw3 .icon {
    width: 79px;
    height: 96px;
    background-position: -180px -460px;
    right: -10px;
    bottom: -19px;
}

/* Featured_communities */

#featured_communities {
    overflow: hidden;
}

#featured_communities div.col {
    float: left;
    margin-right: 50px;
    width: 280px;
}

#featured_communities div.col.middle {
    margin-left: 0;
}

#featured_communities h3 {
    color: #7EA627;
    font: bold 20px Arial;
    margin-bottom: 10px;
    margin-top: 0;
    clear: both;
}

#featured_communities ul {
font-size: 12px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
}
#featured_communities ul li {
width: 130px;
    list-style-position: inside;
    list-style-type: disc;
    margin-top: 3px;
    margin-bottom: 7px;
}
#featured_communities ul li a {
color: #666666;
border: none;
    font-size: 12px;
}
#featured_communities ul li a:hover {
color: #000;
}
#featured_communities img {
border: solid 1px #e5e5e5;
}


/* @end */

/* @group PRICING */

#plans {
    height: 460px;
}

a.learn-more {
    text-decoration: underline;
    text-align: left;
    width: auto;
    display: block;
    margin-left: 74px;
}

#plans ul {
    margin-left: 64px;
    margin-bottom: 10px;
}

#plans li {
    text-align: left;
    margin-bottom: 5px;
    list-style-image: none;
    display: block;
    clear: both;
}

#plans li span {
    font-size: 30px;
    float: left;
    margin-top: -9px;
}

#plans .free li span {
    color: #726E6E;
}

#plans .lite li span {
    color: #285a0a;
}

#plans .monthly li span {
    color: #32780f;
}

#plans .annual li span {
    color: #669600;
}

#plans .col {
    background-color: #F1F1F1;
    width: 230px;
    margin-right: 1px;
    text-align: center;
    color: #000000;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#plans .col.monthly {
    background-color: white;
    width: 265px;
    margin-top: -17px;
-webkit-box-shadow: 0px 0px 20px #707070;
-moz-box-shadow: 0px 0px 20px #707070;
box-shadow: 0px 0px 20px #707070;
position: relative;
z-index:10;
padding-top: 0;
padding-bottom: 0;
}

#plans .col.monthly h3 {
    margin-top: -4px;
    height: 40px;
    line-height: 44px;
}

#plans .col.monthly .border-ie {
    padding-bottom: 25px;
    padding-top: 0;
    border: 1px solid #d0d0d0;
}

#plans .col h3 {
    color: white;
    font: bold 26px arial;
    text-align: center;
    padding: 5px 3px;
    margin: 10px 0;
}

#plans .col img {
}

.free h3 {
background: #AFAFAF; /* old browsers */
background: -moz-linear-gradient(top, #AFAFAF 0%, #6C6868 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#6C6868)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#6C6868',GradientType=0 );
    display: block;
    color: white;
}

#plans .getstarted {
    display: block;
    text-decoration: none;
    margin: 10px auto;
    width: 203px;
    height: 49px;
}

.free .getstarted{
    background-position: -419px -200px;
}
.lite .getstarted{
    background-position: -419px -80px;
}
.monthly .getstarted{
    background-position: -629px -80px;
}
.annual .getstarted{
    background-position: -836px -80px;
}

.free .getstarted:hover{
    background-position: -419px -265px;
}
.lite .getstarted:hover{
    background-position: -419px -144px;
}
.monthly .getstarted:hover{
    background-position: -629px -144px;
}
.annual .getstarted:hover{
    background-position: -836px -144px;
}
.lite h3{
    background-color: #285a0a;
}
.monthly h3{
    background-color: #32780f;
}
.annual h3{
    background-color: #669600;
}

/* FEAUTURES */

#features {
}
#features .box{
    border: 1px solid #CBCBCB;
    border-top-style: none;
    border-right-style: none;
    margin-bottom: 30px;
    float: left;
}
#features h3 {
    color: white;
    padding: 4px 4px 4px 10px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
}

#features .free h3 {
background: #AFAFAF; /* old browsers */

background: -moz-linear-gradient(top, #AFAFAF 0%, #6C6868 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#6C6868)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#6C6868',GradientType=0 ); /* ie */   
}

#features .col {
    border-right: 1px solid #CBCBCB;
    width: 238px;
    height: 450px;
}

#features .col.monthly {
    width: 241px;
}

#features p {
    background-color: #F1F1F1;
    padding: 10px;
    color: #4C4C4C;
    font-size: 14px;
}

#features p strong {
    color: #337810;
}

#features ul {
    margin: 0;
    float: left;
}

#features ul.free {
    background-position: 28px 30px;
    
}
#features ul li {
    width: 84px;
    float: left;
    margin: 30px 17px 20px;
    height: 64px;
    text-align: center;
}

#features ul li a {
    padding-top: 69px;
    width: 84px;
    display: block;
    text-align: center;
    color: black;
    font-size: 12px;
    text-decoration: underline;
    position: relative;
}

#features ul .bg {
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 10px;
    background-image: url(/images/sprites/pricing.png);
}

#features ul.free .bg {
background: #AFAFAF; /* old browsers */

background: -moz-linear-gradient(top, #AFAFAF 0%, #6C6868 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AFAFAF), color-stop(100%,#6C6868)); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AFAFAF', endColorstr='#6C6868',GradientType=0 ); /* ie */   
}

#features ul.lite .bg {
background: #285a0a; /* old browsers */

}

#features ul.monthly .bg {
background: #32780f; /* old browsers */

}

#features ul.annual .bg {
background: #669600; /* old browsers */

}

#features .icon {
    background: url(/images/sprites/pricing.png) no-repeat;
    position: absolute;
    width: 64px;
    height: 64px;
    top: 0;
    left: 10px;
    z-index: 2;
}

#features .moderator .icon{background-position: -369px 0;}
#features .categories .icon{background-position: -228px 0;}
#features .logo-upload .icon{background-position: -432px 0;}
#features .profanity .icon{background-position: -502px 0;}
#features .ssl .icon{background-position: -558px 0;}
#features .file-attachments .icon{background-position: -690px 0;}

#features .support .icon{background-position: 10px 0;}

#features .email .icon{background-position: -621px 0;}
#features .google-analytics .icon{background-position: -751px 0;}
#features .widgets .icon{background-position: -883px 0;}
#features .communities .icon{background-position: -941px 0;}
#features .custom-url .icon{background-position: -1013px 3px;}
#features .css .icon{background-position: -1081px 0;}
#features .sign-on .icon{background-position: -1135px 0;}
#features .custom-fields .icon{background-position: -820px 0;}
#features .facebook .icon{background-position: -54px 0;}
#features .mobile .icon{background-position: -120px 0;}
#features .badges .icon{background-position: -174px 0;}
#features .tags .icon{background-position: -293px 0;}

/* Special Plans */



#special-plans {
    height: 340px;
}

#special-plans dl {
    float: left;
    width: 960px;
    overflow: hidden;
}

#special-plans dt {
    float: left;
    margin-left: 15px;
    z-index: 2;
    position: relative;
}

#special-plans dd {
    width: 330px;
    height: 94px;
    background-color: #F1F1F1;
    float: left;
    position: relative;
    padding-left: 50px;
    margin: 10px 15px 35px -40px;
    color: #A4D345;
    font-size: 12px;
    z-index: 1;
}

#special-plans dd span {
    position: absolute;
    width: 360px;
    height: 5px;
    background-color: #989898;
    top: 0;
    left: 20px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;     
}

#special-plans dd p {
    margin-left: -30px;
    font-size: 12px;
    color: black;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
}

#special-plans dd a {
    font-size: 12px;
}

#special-plans dd div {
    position: absolute;
    bottom: 5px;
    left: 50px;
    z-index: 5;
}

#special-plans dt {
    width: 103px;
    height: 117px;
    margin: 0;
}

.enterprice-icon {
    background-position: 0 -75px;
}

.university-icon {
    background-position: -101px -75px;
}

.goverment-icon {
    background-position: -202px -75px;
}

.civic-icon {
    background-position: -307px -75px;
}

/* FAQ */

#faq {
    margin-bottom: 30px;
    margin-top: 30px;
}

#faq dl {
    float: left;
    width: 480px;
}

#faq dt,#faq dd {
    width: 400px;
}

#faq dt {
    color: #4C4C4C;
    font-size: 20px;
    font-weight: bold;
    background: url(/images/bullet-2.png) no-repeat 0 6px;
    padding-left: 15px;
    margin-bottom: 5px;
}

#faq dd {
    color: #666;
    font-size: 13px;
    margin-bottom: 14px;
}
    
/* @end */

/* @group CONTACT */

#contact-form .col.first {
    border-right: 1px solid #c9c9c9;
    padding-right: 40px;
    margin-right: 40px;
}
div.contact-guy p{
    line-height: 1.2em;
    margin-bottom: 10px;
    font-size: 14px;
}
div.contact-guy img {
    margin-left: -10px;
}
div.contact-guy address{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    
}
div.contact-guy address a {
}



/* @end */

/* @group FEATURES */

#feature-groups { font-size: 14px; }
#feature-groups li { float: left; border-right: solid 1px #999; border-left: solid 1px #fff }
#feature-groups li:first-child { border-left: none; }
#feature-groups li:first-child a { -webkit-border-radius: 0.8em 0 0 0.8em; -moz-border-radius: 0.8em 0 0 0.8em; border-radius: 0.8em 0 0 0.8em;}
#feature-groups li:last-child { border-right: none; }
#feature-groups li:last-child a { -webkit-border-radius: 0 0.8em 0.8em 0; -moz-border-radius: 0 0.8em 0.8em 0; border-radius: 0 0.8em 0.8em 0;}
#feature-groups a { border: none; color: #666; display: block; background: #ccc; padding: 0 2em; line-height: 2.6em; text-shadow: 0 1px 0 white; }
#feature-groups a:hover, #feature-groups a.current { background-image: -moz-linear-gradient(center top, #dddddd, #888888); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dddddd),color-stop(1, #888888)); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#888888')"; }
.ie7 #feature-groups a:hover, .ie7 #feature-groups a.current { filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#888888'); zoom: 1; }

.feature-showcase { padding-top: 30px; clear: both; }
.feature-showcase h3 { font-size: 32px; font-weight: bold; color: #4d4d4d; margin: 0 0 16px 0; }
.feature-showcase ul { margin-left: -47px; }
.ie7 .feature-showcase ul { zoom: 1; }
.feature-showcase li { float: left; width: 270px; height: 430px; margin-left: 48px; background: url(/images/ideascale/features/feature-shadow.png) no-repeat 50% 200px; }
.feature-showcase a { border: none; }
.feature-showcase a:hover img { -webkit-box-shadow: 0 0 14px 5px #2870D5; -moz-box-shadow: 0 0 14px 5px #2870D5; box-shadow: 0 0 14px 5px #2870D5; }
.feature-showcase h4 { font-size: 24px; font-weight: bold; margin: 0.5em 0 0.8em; line-height: 1.2em; }
.feature-showcase h4 a { color: #333; }
.feature-showcase p { color: #666; font-size: 12px; }

#feature-details { margin-bottom: 30px; }
#feature-details a { border: none; }
#feature-details-content { margin-top: 1em; position: relative; }
#feature-details-text { position: absolute; top: 90px; left: 60px; width: 430px; color: #fff; }
#feature-details-text h1 { font-size: 46px; font-weight: bold; line-height: 1.2em; color: #fff; border: none; text-shadow:2px 0 3px #000; }
#feature-details-text p { line-height: 1.6em; font-size: 12px; width: 350px; text-shadow:2px 0 3px #000; }

#search-term-content { margin-bottom: 50px; }

#oops { padding: 10px 0; }
#oops h1 { border: none; color: #333; }
#error-report-form { margin-top: 20px; }
#error-report-form label { font-size: 1.5em; color: #334F10; }
#error-report-form textarea { display: block; margin: 1em 0; width: 624px; height: 170px; }

#system-maintenance-notes { padding-top: 16px; }
#system-maintenance-notes img { float: left; margin-right: 2em; }
#system-maintenance-notes a { color: #334F10; font-style: italic; border: none; }

/*
-----------------------------------------
Directory
-----------------------------------------
*/
.inner.directory {font-size:1.5em;overflow:hidden;padding-bottom:40px; width: 945px; position: relative; left: -8px; }
.inner.directory h2{color:#000;font:30px Helvetica, Arial,sans-serif bold; margin-top:15px;}
.inner.directory h3{text-transform:uppercase;color:#666;font:40px Helvetica, Arial,sans-serif; font-weight: bold; line-height: 1em; border-bottom:2px solid #ccc; margin-top:30px;}
.inner.directory li a{text-decoration:none;border:none;font:1em Helvetica, Arial,sans-serif;}
.inner.directory li a:hover{color:#777;}
.inner.directory .alphabetical {background:#E6E6E6;padding:7px 5px 4px 5px;display:block;margin: 0 auto 35px auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px}
.inner.directory .alphabetical li{display:inline-block;margin:0 0.43em;text-transform:uppercase;color:#B3B3B3;font-family: Helvetica, Arial,sans-serif; font-weight: bold; font-size: 20px; vertical-align:middle;}
.ie7 .inner.directory .alphabetical li { display: inline; }
.inner.directory .alphabetical li a{text-decoration:none;border:none;color:#88AF1C; }
.inner.directory .alphabetical li a:hover{color:#777;}
.inner.directory .alphabetical li a.current{color:#000;}
.inner.directory .comunities { margin-bottom:25px; }
.inner.directory .comunities li { margin-bottom:12px; float: left; width: 30%; padding-right: 3%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; }

.home #top, .home #mini-nav, #header-home-wrapper #header, #header-home-wrapper #header-nav { display: none; }